li{
    list-style-type: none;
}
.d1{

    width: 350px;
    height:450px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(170,203,238);
}
.span{
    color: red;
}
h2{
    font-size: 18px;
}

.d2{
    float: left;
    position: relative;
    left: 50px;
    top: 10px;
}
.d3{
    float: right;
    position: relative;
    left: -30px;
    top: 30px;
}
.d4{
    height: 50px;

}
.d5{
    background: #CAEFFF;

}
.d6{
    float: left;
    clear: left;
    position: relative;

}
.d7{
    float: left;
    position: absolute;
    left: 110px;
    top: 60px;
}
.d8{
    float: right;
    position: relative;
    left: -40px;
}

.d9{
    float: left;
    clear: both;
}
.d10{
    float: right;
    clear: right;
    position: relative;
    left: -40px;
}
.d11{
    float: left;
    clear: both;
}
.d12{
    float: right;
    clear: right;
    position: relative;
    left: -40px;
}
.d13{
    float: left;
    clear: both;
}
.d14{
    float: right;
    clear: right;
    position: relative;
    left: -40px;
}